<template>
  <div class="HomeIndex">
    <el-card class="box-card">
      <h2>
        欢迎您! <span>{{ userinfo.name }},开心每一天!</span>
      </h2>
      <h1><img src="@/assets/logo.png" alt="" /></h1>
      <h3>欢迎进入有车网后台管理系统</h3>
      <div>
        <el-input
          style="color: red"
          class="elinput"
          type="textarea"
          :rows="1"
          placeholder="本网站仅作学习使用，所有解释权归作者JasonG所有"
          v-model="textarea"
        >
        </el-input>
      </div>
    </el-card>
  </div>
</template>

<script>
export default {
  name: 'HomeIndex',
  data() {
    return {
      textarea: '本网站仅作学习使用，所有解释权归作者JasonG所有'
    }
  },
  computed: {
    userinfo: function () {
      return this.$store.state.user.profile
    }
  },
  created() {},
  methods: {}
}
</script>

<style scoped lang="less">
/deep/ .el-textarea__inner {
  color: red;
}
.HomeIndex {
  height: 100%;
}
.box-card {
  height: 100%;
  h1 {
    background-color: #fff;
    width: 800px;
    margin: 0 auto;
    img {
      background-color: #fff;
    }
  }
  h3 {
    margin: 20px;
    padding-left: 200px;
  }
}
</style>
